home *** CD-ROM | disk | FTP | other *** search
/ NT Sources / Infomagic - NT Source Volume 1 (Disc 1 of 2).iso / network / js15full.exe / G_roll.ht_ / G_roll.ht
Text File  |  1998-06-03  |  3KB  |  85 lines
  1. <html>
  2.  
  3. <head><script language="JavaScript">
  4.  
  5. <!-- Hide the script from old browsers --
  6.  
  7. //======================================================
  8. // Java Script code by Java Script It!   www.computan.on.ca/~todd/JavaScriptIt!
  9. //======================================================
  10. var bnumb = navigator.appVersion;
  11. var rel = bnumb.substring( 0 , 2 );
  12. var bname = navigator.appName;
  13. bgood=0;
  14.  
  15. test ()
  16.  
  17. function test ( ) {
  18. if ((parseInt( rel ) >= 3.0 && bname=="Netscape") || (parseInt( rel ) >= 4.0 && bname=="Microsoft Internet Explorer"))load ( )
  19. }
  20.  
  21. function load ( ) {
  22.         bgood=1;
  23. xImage= new Array ( 3)for (i=0; i< 4; i++) {xImage[i] = new Image ()}xImage[0].src = "js-iconw.gif"xImage[1].src = "js-iconb.gif"xImage[2].src = "js-iconb.gif"xImage[3].src = "js-iconw.gif"}function loadimage (x,y) {
  24.         if (bgood==1)
  25.                 document.images[x].src=xImage[y].src; 
  26. }
  27.  
  28. //end hide-->
  29.  
  30. </script>
  31. <script language="JavaScript">
  32.  
  33. <!-- Hide the script from old browsers --
  34.  
  35. //======================================================
  36. // Java Script code by Java Script It!   www.computan.on.ca/~todd/JavaScriptIt!
  37. //======================================================
  38. var bnumb = navigator.appVersion;
  39. var rel = bnumb.substring( 0 , 2 );
  40. var bname = navigator.appName;
  41. bgood=0;
  42.  
  43. test ()
  44.  
  45. function test ( ) {
  46. if ((parseInt( rel ) >= 3.0 && bname=="Netscape") || (parseInt( rel ) >= 4.0 && bname=="Microsoft Internet Explorer"))load ( )
  47. }
  48.  
  49. function load ( ) {
  50.         bgood=1;
  51. xImage= new Array ( 3)for (i=0; i< 4; i++) {xImage[i] = new Image ()}xImage[0].src = "js-iconw.gif"xImage[1].src = "js-iconb.gif"xImage[2].src = "js-iconb.gif"xImage[3].src = "js-iconw.gif"}function loadimage (x,y) {
  52.         if (bgood==1)
  53.                 document.images[x].src=xImage[y].src; 
  54. }
  55.  
  56. //end hide-->
  57.  
  58. </script>
  59.  
  60. <title>Graphic Rollovers</title>
  61. </head>
  62.  
  63. <body bgColor="#FFFFFF" text="000000">
  64.  
  65. <div align=center><font size=6 font="Arial"><b>Graphic Rollovers</b></font></div><p>
  66.  
  67. Move your cursor over top of the images below to see what Graphic Rollovers can do for your webpages.<p>
  68.  
  69. <a href="g_roll.htm" onMouseOver="loadimage('0','1')" onMouseOut="loadimage('0','0')" onMouseOver="loadimage('0','1')" onMouseOut="loadimage('0','0')"><img alt="Java Script It!" src="js-iconw.gif" border=0></a> 
  70. <a href="g_roll.htm" onMouseOver="loadimage('1','3')" onMouseOut="loadimage('1','2')" onMouseOver="loadimage('1','3')" onMouseOut="loadimage('1','2')"><img alt="Java Script It!" src="js-iconb.gif" border=0></a><p>
  71.  
  72. <b>Browser Compatibility</b><br>
  73. ò Works in Netscape Navigator 3.0 but some bugs are present<br>
  74. ò Works fully in Netscape Navigator 4.0 and higher<br>
  75. ò Does not work in Microsoft Internet Explorer 3.xx<br>
  76. ò Works fully in Microsoft Internet Explorer 4.0 and higher<br>
  77. ò No errors should occur in browsers that do not understand the Graphic Rollovers' code
  78.  
  79. </body>
  80.  
  81.  
  82. </html>
  83.  
  84.  
  85.